* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

/**
 * 单据列表
 */
.listSearch{
	.u-form {
		.u-form-item {
			background-color: #fff;
			padding: 0 16px;
		}
	}
}

.searchPanel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	column-gap: 20px;
}

.content-refresh {
	flex: 1;
	overflow-y: auto;
	background: #f7f8fa;
}

.module {
	position: relative;
	padding: 8px 10px 0 10px;
}

.module:last-child {
	padding-bottom: 15px;
}

.module>view {
	position: relative;
	background: #fff;
	padding: 8px 10px 0 10px;
	border-radius: 8px;
	overflow: hidden;
	/* box-shadow: 1px 2px 5px -1px #8a8a8a; */
}

.label {
	display: flex;
	align-items: center;
	color: #3a3a3a;
}

.label .sn {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #51d0d0;
	color: #fff;
}

.djcode {
	font-size: 14px;
	margin-left: 8px;
}

.djcode>text {
	margin-left: 8px;
}

.cmid {
	flex-direction: column;
	font-size: 14px;
	padding: 0 2px;
	color: #808080;
}

.cmid>view {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.cmidLabel {
	margin-left: 8px;
	width: 60px;
}

.cmidValue {
	margin-left: 8px;
}

.approval {
	position: absolute;
	top: 30px;
	right: 20px;
	width: 100px;
	transform: rotate(-30deg);
}

.approval image {
	width: 100px;
}

.fix-button {
	position: fixed;
	bottom: 60px;
	right: 20px;
}

.fix-button image {
	width: 48px;
	height: 48px;
	opacity: .7;
}

/**
 * 单据详情
 */
.u-form {
	.u-form-item {
		background-color: #fff;
		// padding: 0 16px;
	}
}

.collapseTitle {
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}

.item-label {
	display: flex;
	align-items: center;
	width: 100px;
	margin-right: 5px;
}

.label-text {
	margin-left: 5px;
}

.required {
	color: red;
	margin-left: 3px;
}

.detail {
	background: #fff;
}

.detail-label {
	color: #fff;
	position: relative;
	top: -4px;
	font-size: 0;
}

.detail-label>view {
	padding: 3px 10px;
	background-color: #424242;
	display: inline-block;
	font-size: 13px;
	color: #e0e0e0;
}

.detail-label>view.on {
	background-color: #51d0d0;
	color: #ffffff;
}

.rowContainer {
	display: flex;
	flex-direction: column;
	padding: 0px 5px 6px 5px;
}

.b-p {
	border: 2px solid #3bb2b2 !important;
	box-shadow: 0px 0px 4px rgba(0, 121, 107, 0.5) inset; /* 添加阴影效果 */
}

.b-p-t {
	border: 2px solid transparent !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease; /* 动画过渡效果 */
}

.productRow {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5px;
	border: 2px solid transparent;
	margin-top: 2px;
}

.productRow-title {
	display: flex;
	align-items: center;
	width: 100%;
	background-color: #fefefe;
	padding: 5px;
	word-break: break-all;
	white-space: normal;
	font-size: 14px;
	color: #333333;
	font-weight:bold;
	border: 1px solid #d0d0d0;
}

.delete-img {
	margin: -5px 0;
	position: relative;
	width: 40px;
}

.delete-img image {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	width: 20px;
}

.productRow-main {
	width: 100%;
	height: 30px;
	padding: 5px;
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #d0d0d0;
	border-radius: 1px;
	margin-top: -1px;
	background-color: #fefefe;
	text-align: center;
	color: #333333;
}

.productRow-subWrap {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.productRow-sub {
	width: 100%;
	height: 30px;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #d0d0d0;
	border-radius: 1px;
	margin-top: -1px;
	background-color: #fefefe;
	color: #666666;
	text-align: center;
}

.total-wrap {
	display: flex;
	align-items: center;
	min-width: 50%;
}

.total-label {
	color: #333333;
	padding: 0 5px;
}

.total-value {
	margin-left: 5px;
	color: #c0392b;
	padding: 0 5px;
}

.del-title,
.del-content {
	width: 12%;
	padding:0 5px;
	text-align: left;
}

.batch-title,
.batch-content {
	flex: 1;
	min-width: 38%;
	padding:0 5px;
	text-align: left;
}

.qty-title,
.qty-content {
	width: 25%;
	padding:0 5px;
	text-align: left;
}

.pos-title,
.pos-content {
	width: 25%;
	padding:0 5px;
	text-align: left;
}

.bottom {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100vw;
	display: flex;
	justify-content: flex-end;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0px 1px 5px rgb(200, 198, 198);
	padding: 5px;
}

.bottom button {
	width: 80px;
	margin-right: 8px;
}

// 表单详情-表头Tab
.headTabWrap {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #d6d7d9;
	padding: 0px 10px 0px 50px;
	font-weight: bold;
	background-color: #F9F9F9;
	min-height: 41px;
	
	.segmented-control{
		flex: 1;
	}
	
	.panelBtn{
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.headTabContent {
	padding: 5px 10px ;
	border-bottom: 1px solid #d6d7d9;
	background-color: #ffffff;
}

.popup-container {
		display: flex;
		flex-direction: column;
		width: 100vw;
		max-height: 85vh;
		background: #fff;
		border-radius: 6px;
}

.popup-title {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding: 8px 12px;
	border-bottom: 1px solid #eee;
}

.popup-scroll {
	flex: 1;
	padding: 8px;
	overflow-y: auto;
	max-height: 60vh;
}

.record-block {
	padding: 0 4px;
	margin-bottom: 10px;
	border-left: 1px solid transparent;
}

.record-block-changed {
	border-left: 1px solid #51d0d0;
}

.record-row {
	display: flex;
	gap: 8px;
	border-bottom: 1px dashed #eee;
	padding: 4px 0;
}

.record-item {
	display: flex;
	align-items: center;
	flex: 1;
}

.record-item u-input {
	flex: 1;
}

.record-item input {
	flex: 1;
	font-size: 14px;
}

.record-item-label {
	width: 80px;
	font-weight: bold;
	font-size: 14px;
	color: #333;
}

.record-item-value {
	font-size: 14px;
}

.popup-footer {
	display: flex;
	justify-content: space-around;
	padding: 8px;
	background-color: #fff;
	border-top: 1px solid #eee;
}

.btn {
	flex: 1;
	padding: 5px 0;
	margin: 0 5px;
	font-size: 14px;
	border-radius: 6px;
	border: none;
	color: #333;
}

.btn-primary {
	background-color: #51d0d0;
	color: #fff;
}

.btn-default {
	background-color: #f5f5f5;
	color: #333;
}

.isEdit{
	color: #0000FF;
	text-decoration: underline;
}